﻿
@{
    ViewBag.Title = Resources.WebStringsWeb.WebTitle;
    Layout = "~/Views/Shared/_LayoutMobile.cshtml";
}

@section css {
    <link href="~/Assets/css/previewImage.css" rel="stylesheet" />
    <link href="~/Assets/css/mui.picker.min.css" rel="stylesheet" />
    <script src="~/Assets/js/mui.picker.js"></script>
    <script src="~/Assets/js/mui.picker.min.js"></script>
    <script src="~/Assets/js/mui.dtpicker.js"></script>
    <style>
        .mui-bar ~ .mui-content .mui-scroll-wrapper {
            top: 44px;
            height: auto;
        }

        .btn_addPic {
            display: block;
            position: relative;
            width: 53px;
            height: 53px;
            overflow: hidden;
            cursor: pointer;
            text-align: center;
        }

        .filePrew {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 53px;
            height: 53px;
            opacity: 0;
        }
    </style>
}
<div ng-controller="SafetyPlaceConfigController" ng-init="
     BuildingId='@(Request.QueryString["BuildingId"].IsEmpty() ? "0" : Request.QueryString["BuildingId"])';
     BuildingName='@(Request.QueryString["BuildingName"].IsEmpty() ? "" : Request.QueryString["BuildingName"])';
     MGetBuildingMap(BuildingId);
       ">
    <header class="mui-bar mui-bar-nav">
        <button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left" style="color:white;">
            <span class="mui-icon mui-icon-left-nav" style=""></span>
        </button>
        <h1 class="mui-title" style="color:white;">{{BuildingName}}危险点/重要部位</h1>
    </header>

    <div class="mui-content">
        <div ng-cloak class="mui-content-padded" style="margin: 5px;">
            <div ng-show="MapList==null || MapList.length==0">
                <h5 style="width:100%;text-align:center;">暂未上传场景图</h5>
            </div>
            @*<div class="row image-list" style="margin-top:20px;margin-bottom:100px;" ng-repeat="x in MapList">
                    <p style="width:100%; text-align:center;">{{x.Title}}</p>
                    <img ng-repeat="y in x.FileInfo" class="image-item space" style="display:inline-block;width:100%;margin:10px auto;" ng-src="{{y.FilePath}}" data-preview-src="" data-preview-group="1" />
                    <p style="width:100%;text-align:center;">{{x.Remark}}</p>
                </div>*@
            <div class="mui-card" ng-repeat="x in MapList">
                <div class="mui-card-header mui-card-media">
                    <div class="mui-media-body" style="margin-left:5px;">
                        {{x.Title}}<span ng-show="x.Remark!=null">({{x.Remark}})</span>
                    </div>
                </div>
                <div class="mui-card-content">
                    <img ng-repeat="y in x.FileInfo" class="image-item space" style="display:inline-block;width:100%;margin:10px auto;" ng-src="{{y.FilePath}}" data-preview-src="" data-preview-group="1" />
                </div>
                <div class="mui-card-footer">
                    <a class="mui-card-link"></a>
                    <a ng-if="x.PlaceInfo!=null" href= "../Home/MPlaceWork?PlaceId={{x.PlaceInfo.Id}}&RoomId={{x.PlaceInfo.RoomId}}&PlaceName={{x.PlaceInfo.PlaceName}}" class="mui-card-link">查看更多>></a>
                </div>
            </div>
        </div>
    </div>
</div>

<div style="height:80px;">

</div>

@section js{

    <script src="~/Assets/js/libs/upload.js"></script>
    <script src="~/Assets/js/mui.zoom.js"></script>
    <script src="~/Assets/js/mui.previewimage.js"></script>
    <script src="~/Assets/js/pg/SafetyPlaceConfig.js?v=@DateTime.Now.ToString("yyyyMMddHH")"></script>
    <script>

        mui.showLoading("正在加载..", "div");

        setTimeout(function () {
            mui.hideLoading();
            mui.previewImage();
        }, 1000);
    </script>
}
